<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 
 	
	<link href="js/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"/>
	<script src="js/jquery-1.6.2.min.js"></script>
	<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
	  
	<script>
		$(document).ready(function() {
	    	$("#gebdatum").datepicker();
	 	});
	</script>
 
  	<script type="text/javascript">
 	function checkTeilnehmer() {
 		
 		if (document.teilnehmererfassung.vorname.value == ""){
 			alert("Bitte Vornamen eingeben!");
			document.teilnehmererfassung.vorname.focus();
 			return false;
 		}
	 		
		if (document.teilnehmererfassung.nachname.value == ""){
			alert("Bitte Nachnamen eingeben!");
			document.teilnehmererfassung.nachname.focus();
			return false;
		}
	
		if (document.teilnehmererfassung.strasse.value == ""){
 			alert("Bitte Straße eingeben!");
 			document.teilnehmererfassung.strasse.focus();
 			return false;
 		}
		
  		if (document.teilnehmererfassung.plz.value == ""){
 			alert("Bitte Postleitzahl eingeben!");
 			document.teilnehmererfassung.plz.focus();
 			return false;
  		}
 		
  	 	if (isNaN(document.teilnehmererfassung.plz.value)){
 			alert("Die Postleitzahl '" + document.teilnehmererfassung.plz.value + "' ist keine Zahl. Bitte Postleitzahl korrekt eingeben!");
 			document.teilnehmererfassung.plz.value='';
 			document.teilnehmererfassung.plz.focus();
 			return false;
  	 	}
  	 	
  	 	if (document.teilnehmererfassung.plz.value.length < 5 ){
 			alert("Das Format der Postleitzahl '" + document.teilnehmererfassung.plz.value + "' ist nicht korrekt. Bitte Postleitzahl korrekt eingeben!");
 			document.teilnehmererfassung.plz.focus();
 			return false;
  	 	}
 			
  		if (document.teilnehmererfassung.ort.value == ""){
 			alert("Bitte Ort eingeben!");
 			document.teilnehmererfassung.ort.focus();
 			return false;
  		}
		
  		if (document.teilnehmererfassung.gebdatum.value == ""){
 			alert("Bitte Geburtsdatum auswählen!");
 			document.teilnehmererfassung.gebdatum.focus();
 			return false;
  		}
			
  		if (document.teilnehmererfassung.telefonnummer.value == ""){
 			alert("Bitte Telefonnummer eingeben!");
 			document.teilnehmererfassung.telefonnummer.focus();
 			return false;
  		}

	}
   </script>
 
		<jsp:include page="a_head.htm"/>
 
  </head>

<body >
  <table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
    <tr>
      <td align="center" width="100%"   >
		
		<!--schatten um die seite oben -->
        <table width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
			<tr>
			 <td valign="top" id="s1" ><img src="images/pixelspace.gif" width="50" height="50" border="0" alt=""></td>
			 <td id="s2"><img src="images/pixelspace.gif" width="50" height="50" border="0" alt=""></td>
			 <td id="s3" ><img src="images/pixelspace.gif" width="50" height="50" border="0" alt=""></td>
			</tr>
			<tr>
			 <td valign="top" id="s4" ><img src="images/pixelspace.gif" width="50" height="50" border="0" alt=""></td>
			 <td class="haupt"    width="100%">
		<!--ende schatten um die seite oben -->


		<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  			<tr>
     			<td colspan="3" id="top0" >&nbsp;</td>
  			</tr>
  			<tr>
     			<td valign="top">
					<table width="100%"  border="0" cellpadding="0" cellspacing="0">
 						<tr>
						    <td valign="top" id="top1" width="33%">
						       &nbsp;
						    </td>

							<td valign="top" id="top2" width="33%" >
								<jsp:include page="a_top_menu.htm"/>
  							</td>
						    <td  valign="top"  id="top3" width="33%">
						    	  &nbsp;
						  	</td>
 						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="3"  id="top4"><div id="name">*** Go Green - share your car! ***</div></td>
			</tr>
			<tr>
				<td colspan="3"  id="inhalt"  >
<div id="content">
		<h2><c:out value="${title}"/></h2>
		<p><c:out value="${message}"/></p>
		<form method="post" name="teilnehmererfassung" action="SaveTeilnehmer.html" onsubmit="return checkTeilnehmer()">
			<table class="editing">
				<colgroup>
					<col class="attribute"/>
					<col class="value"/>
				</colgroup>
				<tbody>

					<%-- TEILNEHMERNUMMER EINGABEFELD --%> 
					<tr>
						<td>Teilnehmernummer:</td>
						<td>
							<input type="text" name="id" readonly value='<c:out value="${teilnehmer.id}"/>'/>
						</td>
					</tr>
					
					<%-- VORNAME EINGABEFELD --%> 
					<tr>
						<td>Vorname:</td>
						<td>
							<input type="text" name="vorname" value='<c:out value="${teilnehmer.vorname}"/>' size="50" />
						</td>
					</tr>
					
					<%-- NACHNAME EINGABEFELD --%> 
					<tr>
						<td>Nachname:</td>
						<td>
							<input type="text" name="nachname" value='<c:out value="${teilnehmer.nachname}"/>' size="50" />
						</td>
					</tr>
					
					<%-- STRAßE EINGABEFELD --%> 
					<tr>
						<td>Straße:</td>
						<td>
							<input type="text" name="strasse" value='<c:out value="${teilnehmer.strasse}"/>' size="50" />
						</td>
					</tr>
					
					<%-- PLZ EINGABEFELD --%> 
					<tr>
						<td>PLZ:</td>
						<td>
							<input type="text" name="plz" value='<c:out value="${teilnehmer.plz}"/>' size="5" maxlength="5"/>
						</td>
					</tr>
					
					<%-- ORT EINGABEFELD --%> 
					<tr>
						<td>Ort:</td>
						<td>
							<input type="text" name="ort" value='<c:out value="${teilnehmer.ort}"/>' size="50" />
						</td>
					</tr>					
					
					<%-- GEBURTSDATUM EINGABEFELD --%> 
					<tr>
						<td>Geburtsdatum:</td>
						<td>
							<input id="gebdatum" type="text" name="gebdatum" value='<c:out value="${teilnehmer.gebdatum}"/>' size="10" maxlength="12"/>
						</td>
					</tr>
					
					<%-- TELEFONNUMMER EINGABEFELD --%> 
					<tr>
						<td>Telefonnummer:</td>
						<td>
							<input type="text" name="telefonnummer" value='<c:out value="${teilnehmer.telefonnummer}"/>' size="50"/>
						</td>
					</tr>
					
					<%-- FAHRERLAUBNIS EINGABEFELD --%>
					<tr>
						<td>Fahrerlaubnis:</td>
						<td>
							<select name="fahrerlaubnis">
								<c:choose>
									<c:when test="${teilnehmer.fahrerlaubnis}">
										<option value=true>Fahrerlaubnis vorhanden</option>
										<option value=false>Fahrerlaubnis nicht vorhanden</option>
									</c:when>
									<c:otherwise>
										<option value=false>Fahrerlaubnis nicht vorhanden</option>
										<option value=true>Fahrerlaubnis vorhanden</option>
									</c:otherwise>
								</c:choose>	
							</select>
						</td>
					</tr>
					
					<%-- VERFÜGBAR EINGABEFELD --%> 
					<tr>
						<td>Aktuell Verfügbar:</td>
						<td>
							<select name="available">
								<c:choose>
									<c:when test="${teilnehmer.available}">
										<option value=true>Teilnehmer ist verfügbar</option>
										<option value=false>Teilnehmer ist nicht verfügbar</option>
									</c:when>
									<c:otherwise>
										<option value=false>Teilnehmer ist nicht verfügbar</option>
										<option value=true>Teilnehmer ist verfügbar</option>
									</c:otherwise>
								</c:choose>	
							</select>
						</td>
					</tr>
					
										
					<tr class="submit">
						<td colspan="2">
							<input type="submit" value=" Änderungen übernehmen "/>
							<input type="button" value=" Abbrechen " onclick="location.href = 'AlleTeilnehmer.html'"/>
						</td>
					</tr>
				</tbody>
			</table>
		</form>
</div>
				</td>
 			</tr>
		 </table>

	<jsp:include page="a_bottom_menu.htm"/>

 </body>
</html>